<!-- Dom模板 -->
<template>
  <div class="top">
    <!-- Dom内容 -->
    <h3>CRM订单管理系统</h3>
    <p class="ding">欢迎{{ name }}!</p>
  </div>
</template>

<script>
// import a from './a'; // 引入组件
export default {
  name: "",
  data() {
    return {
      msg: "测试",
      name: "",
    };
  },
  // 生命周期 - 创建完成（访问当前this实例）
  created() {},
  // 生命周期 - 挂载完成（访问DOM元素）
  mounted() {
    let token = JSON.parse(sessionStorage.getItem("token"));
    console.log(token);
    if (token) {
      this.name = token.name;
    }
  },
  // Vue方法定义
  methods: {},
};
</script>

<style scoped>
/* @import url(''); 引入css类 */
.top {
  height: 70px;
  width: 100%;
  box-shadow: 1px 1px 10px 1px gainsboro;
  position: absolute;
  top: 0;
  z-index: 999;
  display: flex;
  align-items: center;
}
h3 {
  margin-left: 20px;
}
.ding {
  position: absolute;
  right: 50px;
}
</style>